/*
 * @Author: funlee
 * @Email: i@funlee.cn
 * @Date: 2019-07-02 14:03:50
 * @Description: 首页-应用工具-APP评论新消息检索-详情-综合信息
 */

@import "@/assets/style/global.scss";

.APPIR-comprehensive{
    display: flex;
    $topHeight: 380px;
    $contentPadding: 30px;
    margin-top: 30px;
    width: 100%;
    .tip{
        color: $grayLight;
        font-weight: bold;
    }
    .s-left{
        background: #2c303d;
        width: 30%;
        margin-right: 40px;
        .c-top{
            border-bottom: 1px solid $gray;
            text-align: center;
            height: $topHeight;
            position: relative;
            .p-center{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                line-height: 80px;
                .score {
                    color: $yellow;
                    font-size: 50px;
                }
                .blue-text{
                    color: $blue;
                }
                .btn {
                    color: $blue;
                    cursor: pointer;
                    margin-left: 20px;
                }
            }
        }
        .c-foot{
            padding: $contentPadding;
        }

    }
    .s-right{
        flex: 1;
        .c-top{
            padding: $contentPadding;
            height: $topHeight;
            margin-bottom: 30px;
            background: #2c303d;
        }
        .c-foot{
            line-height: 24px;
            background: #2c303d;
            padding: $contentPadding;
        }
    }
}

// 弹窗样式
.grade-content{
    .ant-modal-title{
        font-size: 18px;
    }
    .ant-modal-header{
        border-bottom: none;
    }
    .ant-modal-footer{
        border-top: none;
    }
    .grad-fix{
        padding: 10px;
        font-size: 16px;
        .part{
            margin-bottom: 40px;
            .title{
                border-bottom: 1px solid #e8e8e8;
                position: relative;
                line-height: 20px;
                height: 30px;
                margin-bottom: 20px;
                &:after{
                    position: absolute;
                    content: '';
                    width: 100px;
                    height: 2px;
                    background: $blue;
                    left: 0;
                    bottom: -1px;
                }
            }
            .yellow-text{
                color: $yellow;
            }
            .green-text{
                color: $green;
            }
            .inputs{
                display: flex;
                margin-bottom: 20px;
                .fix-input{
                    margin-left: 40px;
                    width: 200px;
                }
            }
        }
    }
}
